<script setup lang="ts">
defineProps({
    label:{
        type:String,
        default:'label字段'
    },
    iconClass:{
        type:String,
        required:false
    },
    iconColor:{
        type:String,
        default:'#1296db'
    },
    fontColor:{
        type:String,
        default:'#1296db'
    }
})
    const emits = defineEmits(['doChange'])
    function doChange() {
        emits('doChange')
    }
</script>
<template>
    <div class="cur" @click="doChange">
        <SvgIcon :color="iconColor" :iconClass="iconClass"></SvgIcon><span class="label" :style="{color:fontColor}">{{label}}</span>
    </div>

</template>
<style lang="scss" scoped>
.label{
    margin-left: 6px;
    font-weight: 400;
}
</style>
